
<template>
  <screenAdapter>
     <div class="Nihao">
          <ChartPanel
                class="chart-content h-100"
                :chart-option="SysPrepositionLineAndBar"
                :auto-resize="true"
                height="100%"
            /> 
     </div>
  </screenAdapter>
</template>

<script setup>
  import { getCurrentInstance, ref } from 'vue';
  const SysPrepositionLineAndBar = ref();
  const instance = getCurrentInstance();
  SysPrepositionLineAndBar.value = instance.proxy.$eChartFn.SysPrepositionLineAndBar();
</script>


<style>
*{
  padding: 0;
  margin: 0;
}
  .Nihao{
    width: 100%;
    height: 100%;
}
.chart-content{
    background: blue;
    height: 100%;
}
</style>
